<!DOCTYPE html>
<html>
<head>
	<title>页面编辑</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta content="telephone=no,email=no" name="format-detection">
	<meta content="telephone=no,email=no" name="format-detection">
	<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/jisuan.js"></script>
	<link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/common.css?v={$WST_V}">
	<link rel="stylesheet" type="text/css" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/photoNewBook/templet.css?edition={$edition}"/>
	<link rel="stylesheet" type="text/css" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/photoNewBook/layui.css"/>
	<link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/photo_edit.css" type="text/css">
	<link rel="stylesheet" type="text/css" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/photoNewBook/parentOffspring{$style}.css?edition={$edition}"/>
	<include file="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/common_js.html" />

	<style type="text/css">

		.clearfix>div{
			width: 2.5rem !important;
			height: 1.5rem !important;

		}
		.webuploader-element-invisible{
			width: 2.5rem !important;
			height: 1.5rem !important;
		}
		.upload_box{width:800px; margin:1em auto;}
		.upload_choose{padding:1em;}
		.upload_drag_area{display:inline-block; width:60%; padding:4em 0; margin-left:.5em; border:1px dashed #ddd; background:#fff url(./drag.png) no-repeat 20px center; color:#999; text-align:center; vertical-align:middle;}
		.upload_drag_hover{border-color:#069; box-shadow:inset 2px 2px 4px rgba(0, 0, 0, .5); color:#333;}
		.upload_preview{border-top:1px solid #bbb; border-bottom:1px solid #bbb; background-color:#fff; overflow:hidden; _zoom:1;}
		.upload_append_list{height:300px; position:relative;}
		.upload_delete{margin-left:2em;}
		.upload_image{max-height:250px; padding:5px;}
		.upload_submit{padding-top:1em; padding-left:1em;}
		.upload_submit_btn{display:none; height:32px; font-size:14px;}
		.upload_loading{height:250px; background:url(/study/image/preload.gif) no-repeat center;}
		.upload_progress{display:none; padding:5px; border-radius:10px; color:#fff; background-color:rgba(0,0,0,.6); position:absolute; left:25px; top:45px;}
		.zoomableContainer{
			height:100%  !important;
			width:100%  !important;
			text-align: center;
		}
		/*
         *插页图片
         */
		.insert{
			width:100%;
			height:100%;
		}

		.erweima{
			width: 100%;
			height:auto;
			padding-top:0.533333rem;
		}
		.text{
			border: none;
		}
		.logo{
			width: 100%;
		}
		.shady1{
			z-index: 120;
			position: absolute;
			margin-top: -42%;
			margin-left: 0%;
			width: 100%;
		}
		.shady2{
			position: absolute;
			z-index: 120;
			margin-left: 10%;
			margin-top: -80%;
			width: 80%;
		}
		.shade3{
			z-index: 120;
			display: none;
			margin-left: 0;
		}
		.point{
			position: relative;
			top: 0;
			display: none;
		}


	</style>

</head>

<body>

<div class="whole">
	<!--加载中-->
	<div class="loading"><img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/loading.gif"></div>
	<!--加载中-->
	<div class="shade4"></div>
	<div class="Conter">
		<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/logo.png" class="logo">
	</div>
	<!--制作指示-->
	<div class="shade3"></div>
	<div class="point">
		<img class="shady1" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/zhishi.png">
		<img class="shady2"  src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/zhishi1.png">
	</div>
	<div class="bar1">
		<span class="Span"></span>/<span class="Span2"></span>
	</div>

	<div>
		<!--当前页-->
		<input id="current_page" type="hidden" value="1">
		<!--总页-->
		<input id="all_page" type="hidden" value="{$totalPage}">
		<input id="qbId" type="hidden" value="{$qbId}">
		<!--是否为邀请人-->
		<input id="master" type="hidden" value="{$master}">
		<!--检测是否上传过图片-->
		<input id="realPage" type="hidden" value="{$realPage}">
		<!--模板编号-->
		<input id="ordinal" type="hidden">
		<!--当前页风格-->
		<input type="hidden" id="current_ordinal" >
		<!--文字位置-->
		<input id="voice" type="hidden">
		<!--文字位置-->
		<input id="text" type="hidden">
		<!--语音转化类型-->
		<input id="type" type="hidden">
		<!--图片库选择结果-->
		<input id="imgdepot" type="hidden">
		<!--图片库选择结果-->
		<input id="photoId" type="hidden">

	</div>
	<!-- 当前页面第几张图片-->
	<input type="hidden" id="direction">
	<!-- 需要回填的图片的位置-->
	<input type="hidden" id="imgbox">

	<input type="hidden" id="insert">
	<!--是否为视频-->
	<input type="hidden" id="isvedio">
	<!-- 微信跨域传图片用access-->
	<input type="hidden" id="accessToken" value="{$accessToken}">
	<!-- 风格-->
	<input type="hidden" id="style" value="{$style}">
	<!--进度条-->
	<!--<div class="progresbar">
        <input class="single-slider slider" id="edit-tto-airtempcontrol" type="range" value="0" max="15" \/>
    </div>-->
	<!--上一页，下一页-->
	<div class="subsidiary">
		<div class="previous"></div>
		<div class="next"></div>
	</div>
	<div style="width: 100%;height:1.7rem;"></div>
	<!--功能栏-->
	<div class="FunctionBar">
		<!--<div class="pageturning">翻页</div>-->
		<div class="Transfer fileI">图片</div>
		<div class="Transfer2 Func FUNC" onclick="Chaye()">插页</div>
		<div class="Transfer3 Func Func1" onclick="moban()">换模板</div>
		<div class="warehouse">图片库</div>
	</div>
	<!--主图片库-->
	<div class="warehouse_img">
		<div class="warehouse_div">
			<div class="warehouse_div_1">
			</div>
			<div class="warehouse_div1">
				<div class="uploadToPage" onclick="uploadToPage()">上传图片</div>
				<div class="sctp" onclick="sctp()">删除图片</div>
				<div class="newCompose" onclick="newCompose()"></div>
				<div class="xl" onclick="xl()">下拉</div>
			</div>
		</div>
	</div>

	<!--插页模板-->
	<div class="Photolibrary1">
		<div class="affirm">
			<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/quxiao.png" alt="" class="NO1"/>
			<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/queding.png" class="OK1"/>
		</div>
		<div class="Images1">


		</div>
	</div>
	<!--选择模板页-->
	<div class="Mould"></div>
	<div class="mouldpage">
		<div class="affirm">
			<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/quxiao.png" alt="" class="quxiao"/>
			<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/queding.png" class="queren"/>
		</div>
		<div class="MB">

		</div>

	</div>
	<!--选择语音输入方式-->
	<div class="import">
		<div class="Uploadmode1">
			<div class="fingerboard">键盘输入</div>
			<div class="characters" onclick="Characters(1)">语音转换文字</div>
			<div class="code" onclick="Code(2)">语音转换二维码</div>
		</div>
		<div class="cancel">取消</div>
	</div>
	<!-- 语音窗口  -->
	<div class="voice1">
		<div class="yuyin" onclick="startRecord()">
			<b>开始录制</b>
		</div>
		<div class="stop" onclick="stopRecord()">
			<b>录制中</b>
		</div>
		<input type="hidden" id="luyin">
	</div>
	<!--选择图片的方式-->
	<div class="Uploadmode">
		<div class="Uploadmode1">
			<div class="toPhotolibrary xuanzhuan">图片旋转</div>
			<div class="toPhotolibrary" onclick="ToPhotolibrary()">从图片库选择</div>
			<div class="tocellphone" >从手机相册选择</div>
			<div class="video" >上传视频</div>
			<div class="upload-btn btn-old btnn" onclick="uploadVedio()"></div>
		</div>
		<div class="cancel1">取消</div>
	</div>
	<!--图片库-->
	<div class="shade"></div>
	<div class="shade1"></div>
	<div class="Photolibrary" style="background-color: #ffffff">
		<div class="affirm">
			<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/quxiao.png" alt="" class="NO"/>
			<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/queding.png" class="OK"/>
		</div>
		<div class="Images">
			<div class="i1">
				<!--<img src="http://www.youyiku-yishu.cn/Upload/WxUpload/2018-03/15198379490276.png" class="s1" onclick="upload()"/>
                <img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/ridus.png" class="ridus"/>
                <img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/photoNewBook/gou.png" class="gou"/>-->
			</div>
		</div>
	</div>
</div>
<div class="shade3"></div>
<div class="bullet1">
	<div class="bullet-text">是否删除本页</div>
	<div class="bullet-quxiao">取消</div>
	<div class="bullet-queding">确定</div>
</div>

<div class="am-g wst-msg-modal" id="wst-msg-modal">
	<div class="wst-modal-content" id="wst-modal-content"></div>
</div>

<foot>
	<div class="Foot">
		<div class="Editcontent boundbook">编辑内容</div>
		<div class="thread-boundbook">编辑封面</div>
		<div class="accomplish">
			<p>预览书本</p>
		</div>
	</div>
</foot>
</body>


<!--<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>-->
<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/qqPhotoBook/layui.js"></script>
<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/ajax.js"></script>
<!--<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/zepto.min.js"></script>-->
<!--<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/iscroll-zoom.js"></script>-->
<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/ajaxfileupload.js"></script>
<!--<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/touch.min.js"></script>-->
<!--<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/cat.touchjs.js"></script>-->
<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/qrjs2.min.js"></script>
<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/jQueryRotate.js"></script>
<!--<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/exif.js" ></script>-->
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script type="text/javascript">
    var WST = ThinkPHP = window.Think = {
        "ROOT"   : "__ROOT__",
        "APP"    : "__APP__",
        "PUBLIC" : "__PUBLIC__",
        "DEEP"   : "{:C('URL_PATHINFO_DEPR')}",
        "MODEL"  : ["{:C('URL_MODEL')}", "{:C('URL_CASE_INSENSITIVE')}", "{:C('URL_HTML_SUFFIX')}"],
        "VAR"    : ["{:C('VAR_MODULE')}", "{:C('VAR_CONTROLLER')}", "{:C('VAR_ACTION')}"],
        "DOMAIN" : "{:WSTDomain()}",
        "CITY_ID" : "{$currArea['areaId']}",
        "CITY_NAME" : "{$currArea['areaName']}",
        "DEFAULT_IMG": "{:WSTDomain()}/{$CONF['goodsImg']}",
        "MALL_NAME" : "{$CONF['mallName']}",
        "SMS_VERFY"  : "{$CONF['smsVerfy']}",
        "PHONE_VERFY"  : "{$CONF['phoneVerfy']}",
        "IS_LOGIN" :"{$WST_IS_LOGIN}",
        "WST_STYLE" :"{$WST_STYLE}"
    }
</script>
<script>
    wx.config({
        debug: false,
        appId: '<?php echo $signPackage["appId"];?>',
        timestamp:'<?php echo $signPackage["timestamp"];?>',
        nonceStr: '<?php echo $signPackage["nonceStr"];?>',
        signature: '<?php echo $signPackage["signature"];?>',
        jsApiList: [
            // 所有要调用的 API 都要加到这个列表中
            'startRecord','stopRecord','translateVoice','uploadVoice','chooseImage','previewImage','uploadImage','getLocalImgData'
        ]
    });
</script>
<!--<script src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/html2canvas.js"></script>-->
<script src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/qqPhotoBook/zxxFile.js"></script>
<!--<script src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/mui.min.js "></script>-->
<include file="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/common_js.html" />
<script src="http://www.youyiku-yishu.cn/Public/js/think.js"></script>
<!--<script src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/e-smart-zoom-jquery.min.js"></script>-->

<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/qqPhotoBook/webuploader.min.js"></script>
<!--<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/titlpage.js"></script>-->
<script src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/qqPhotoBook/script.js?edition={$edition}"></script>
<!--<script src="https://cdn.bootcss.com/zepto/1.1.6/zepto.min.js"></script>-->
<!--<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/diyUpload.js"></script>-->
<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/qqPhotoBook/parentOffspring{$style}.js?edition={$edition}"></script>
<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/qqPhotoBook/templet.js?edition={$edition}"></script>
<script>
    var images = {
        localId: [],
        serverId: [],
        download:[]
    };


    // $(function(){
    //
    //
    // });




</script>

</html>

